<template>
  <div>
     <!-- 点击后不跳转, 阻止默认行为 -->
    <a @click="toHeima" href="https://www.itheima.com">去黑马</a>
    <!-- $event 是vue 内置的成员 -->
    <a @click="toItcast('黑马真牛',$event)" href="https://www.itcast.cn">去传智</a>
  </div>
</template>

<script>
export default {
  //定义数据
  data() {
    return {
 
    }
  },
  //定义方法
  methods:{
      toHeima(e) {
      console.log('我被点了')
      // 阻止默认行为
      // 需要用到事件对象
      // 1. 无传参 第一个形参就是事件对象
      e.preventDefault()
    },
    toItcast(msg, e) {
      // 2. 有传参 需要手动通过 $event 传入事件对象
      // Tips: $event 是 vue 内置的对象, 不能随便写
      console.log('我被点了:', msg)
      e.preventDefault()
      
    }
  }
};
</script>

<style>
</style>